<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>龙虾直播_龙虾直播</title>
          <meta name="viewport" content="width=device-width, initial-scale=1">         

	   <meta name="renderer" content="webkit|ie-comp|ie-stand">
        <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">

	

        <link rel="stylesheet" href="__PUBLIC__/css/prettyphoto.css">
        <link rel="stylesheet" href="__PUBLIC__/css/redfont.css">
        <link rel="stylesheet" href="__PUBLIC__/css/style.css">
        <link rel="stylesheet" href="__PUBLIC__/css/widgets.css">
        <link rel="stylesheet" href="__PUBLIC__/css/woocommerce.css">
        <link rel="stylesheet" href="__PUBLIC__/css/woocommerce-layout.css">
        <link rel="stylesheet" href="__PUBLIC__/css/woocommerce-smallscreen.css">
        <link rel="stylesheet" href="__PUBLIC__/css/bootstrap.css">
     <link href="__PUBLIC__/font1/css/font-awesome.min.css" rel="stylesheet">
      <link rel="stylesheet" href="http://web.mcooz.com/dogegg_danmu/build/style.css" />
        <script type="text/javascript" src="http://web.mcooz.com/dogegg_danmu/build/CommentCoreLibrary.js"></script>
       <script type="text/javascript" src="http://web.mcooz.com/js/jquery-1.11.1.min.js"></script>      
       <script type="text/javascript" src="http://web.mcooz.com/dogegg_easyui/jquery.easyui.min.js"></script>
         <link type="image/x-icon" href="http://kq.mcooz.com/favicon.ico" rel="icon">  
         <script type="text/javascript">
var _speedMark = new Date();
</script>

<script type="text/javascript" charset="UTF-8" src="__PUBLIC__/artTemplate/artTemplate.js"></script>
<script type="text/javascript" charset="UTF-8" src="__PUBLIC__/artTemplate/artTemplate-plugin.js"></script>


<!-- 聊天室开始 -->
 <script type="text/javascript">
  //WebSocket = null;
  </script>
  <link href="http://chat.mcooz.com/Applications/Chat/Web//css/bootstrap.min.css" rel="stylesheet">
  <link href="http://chat.mcooz.com/Applications/Chat/Web//css/style.css" rel="stylesheet">
  <!-- Include these three JS files: -->
  <script type="text/javascript" src="http://chat.mcooz.com/Applications/Chat/Web//js/swfobject.js"></script>
  <script type="text/javascript" src="http://chat.mcooz.com/Applications/Chat/Web//js/web_socket.js"></script>
  <script type="text/javascript" src="http://chat.mcooz.com/Applications/Chat/Web//js/jquery.min.js"></script>

  <script type="text/javascript">
    if (typeof console == "undefined") {    this.console = { log: function (msg) {  } };}
    WEB_SOCKET_SWF_LOCATION = "http://chat.mcooz.com/Applications/Chat/Web/swf/WebSocketMain.swf";
    WEB_SOCKET_DEBUG = true;
    var ws, name, client_list={};

    // 连接服务端
    function connect() {
       // 创建websocket
       ws = new WebSocket("ws://115.28.161.7:7272");
       // 当socket连接打开时，输入用户名
       ws.onopen = onopen;
       // 当有消息时根据消息类型显示不同信息
       ws.onmessage = onmessage; 
       ws.onclose = function() {
          console.log("连接关闭，定时重连");
          connect();
       };
       ws.onerror = function() {
          console.log("出现错误");
       };
    }

    // 连接建立时发送登录信息
    function onopen()
    {
  /*      if(!name)
        {
            show_prompt();
        }*/
        // 登录
        // 
       name="<{$Example_username}>";
        var login_data = '{"type":"login","client_name":"'+name.replace(/"/g, '\\"')+'","room_id":"<?php echo isset($_GET['room_id']) ? $_GET['room_id'] : 999?>"}';
        console.log("websocket握手成功，发送登录数据:"+login_data);
        ws.send(login_data);
    }
    function Y(element){
    return document.getElementById(element);
    };

    // 服务端发来消息时
    function onmessage(e)
    {
        console.log(e.data);
        var data = eval("("+e.data+")");
        switch(data['type']){
            // 服务端ping客户端
            case 'ping':
                ws.send('{"type":"pong"}');
                break;;
            // 登录 更新用户列表
            case 'login':
                //{"type":"login","client_id":xxx,"client_name":"xxx","client_list":"[...]","time":"xxx"}
                say(data['client_id'], data['client_name'],  data['client_name']+' 加入了聊天室', data['time']);
                if(data['client_list'])
                {
                    client_list = data['client_list'];
                }
                else
                {
                    client_list[data['client_id']] = data['client_name']; 
                }
                flush_client_list();
                console.log(data['client_name']+"登录成功");
                break;
            // 发言
            case 'say':
          
    var CM = new CommentManager(Y('my-comment-stage'));
    CM.init();

    // 先启用弹幕播放（之后可以停止）
    CM.start();

     var danmakuTimeline = [
    {
    "mode":1,
    "text":"",
    "stime":0,
    "size":35,
    "color":0xffffff
    }
    ];

    CM.load(danmakuTimeline);

    var startTime = 0, iVal = -1;


        t=1*1000

                var danmaku = {
                "mode": 1,     
              "text": data['content'],   
                "stime":t,
                "size": 35,
                "color": 0xffffff,
                "dur": 20000
                };
                CM.insert(danmaku);

                startTime = Date.now(); // 设定起始时间
                if(iVal >= 0){
                clearInterval(iVal); // 如果之前就有定时器，把它停掉
                }
                //建立新的定时器
                iVal = setInterval(function(){
                var playTime = Date.now() - startTime; // 用起始时间和现在时间的差模拟播放
                CM.time(playTime); // 通报播放时间

                }, 100); // 模拟播放器每 100ms 通报播放时间






                //{"type":"say","from_client_id":xxx,"to_client_id":"all/client_id","content":"xxx","time":"xxx"}
                say(data['from_client_id'], data['from_client_name'], data['content'], data['time']);
            



                break;
            // 用户退出 更新用户列表
            case 'logout':
                //{"type":"logout","client_id":xxx,"time":"xxx"}
                say(data['from_client_id'], data['from_client_name'], data['from_client_name']+' 退出了', data['time']);
                delete client_list[data['from_client_id']];
                flush_client_list();
        }
    }

    function get_content(e)
    {


        console.log(e.data);
        var data = eval("("+e.data+")");

        alert(data);

        alert(0)



    }

    // 输入姓名
    function show_prompt(){  
        name = prompt('输入你的名字：', '');
        if(!name || name=='null'){  
            alert("输入名字为空或者为'null'，请重新输入！");  
            show_prompt();
        }
    }  

    // 提交对话
    function onSubmit() {
      var input = document.getElementById("textarea");
      var to_client_id = $("#client_list option:selected").attr("value");
      var to_client_name = $("#client_list option:selected").text();
      ws.send('{"type":"say","to_client_id":"'+to_client_id+'","to_client_name":"'+to_client_name+'","content":"'+input.value.replace(/"/g, '\\"').replace(/\n/g,'\\n').replace(/\r/g, '\\r')+'"}');
      input.value = "";
      input.focus();
    }

    // 刷新用户列表框
    function flush_client_list(){
        var userlist_window = $("#userlist");
        var client_list_slelect = $("#client_list");
        userlist_window.empty();
        client_list_slelect.empty();
        userlist_window.append('<h4>在线用户</h4><ul>');
        client_list_slelect.append('<option value="all" id="cli_all">所有人</option>');
        for(var p in client_list){
            userlist_window.append('<li id="'+p+'">'+client_list[p]+'</li>');
            client_list_slelect.append('<option value="'+p+'">'+client_list[p]+'</option>');
        }
        $("#client_list").val(select_client_id);
        userlist_window.append('</ul>');
    }

    // 发言
    function say(from_client_id, from_client_name, content, time){
        $("#dialog").append('<div class="speech_item"><img src="http://lorempixel.com/38/38/?'+from_client_id+'" class="user_icon" /> '+from_client_name+' <br> '+time+'<div style="clear:both;"></div><p class="triangle-isosceles top">'+content+'</p> </div>');
    }

    $(function(){
        select_client_id = 'all';
        $("#client_list").change(function(){
             select_client_id = $("#client_list option:selected").attr("value");
        });
    });
  </script>
<!-- 聊天室 -->

    </head>
    <body class="home page page-id-122 page-template-default  videotouch" onload="connect();">

        <style type="text/css">
                a{
                    color: #e10d0d;
                }
                a:hover, a:focus{
                    color: #BA2121;
                }
                .post-navigator ul li a:hover div{
                    color: #BA2121;
                }
                .ts-grid-view article a, .ts-thumbnail-view article a, .ts-big-posts article a, .ts-list-view article a, .ts-super-posts article a, .product-view article a{
                    color: #fff;
                }
                .product-view article .entry-categories a{
                    color: #d6cbcb;
                }
                .archive-title span,
                .archive-desc p,
                footer .related .related-list .related-content .ts-view-entry-meta-date,
                .ts-timeline-view .entry-meta .post-date-add,
                .ts-grid-view article .ts-view-entry-meta-date,
                .ts-bigpost-view article .ts-view-entry-meta-date,
                .ts-list-view article .ts-view-entry-meta-date{
                    color: #d6cbcb;
                }
                article .overlay-effect,
                article .overlay-effect a,
                .ts-grid-view article .overlay-effect a:hover, .ts-thumbnail-view article .overlay-effect a:hover, .ts-big-posts article .overlay-effect a:hover, .ts-list-view article .overlay-effect a:hover, .ts-super-posts article .overlay-effect a:hover, .product-view article .overlay-effect a:hover{
                    color: #FFFFFF;
                }
                article .overlay-effect{
                    background-color: rgba(225,13,13, 0.8);
                }
                .ts-grid-view article a:hover, .ts-thumbnail-view article a:hover, .ts-big-posts article a:hover, .ts-list-view article a:hover, .ts-super-posts article a:hover, .product-view article a:hover{
                    color: #656D78;
                }
                body{
                    color: #fff;
                }
                .ts-user-profile-dw .user-info a,
                .ts-user-header-profile #ts-show-login-modal{
                    color: inherit;
                }
                .ts-user-profile-dw .user-info .dropdown &gt; .dropdown-menu a:hover{
                    color: #fff;
                }
                .ts-user-profile-dw .user-info .user-role,
                .ts-user-header-profile #ts-show-register-modal{
                    color: inherit;
                    opacity: 0.7;
                }
                .flickr_badge_image:hover a img{
                    border-color: #e10d0d;
                }
                .teams article .article-title, .post-slider .post-slider-list .entry-title h4 i{
                    background-color: #e10d0d;
                    color: #FFFFFF;
                }
                body.videotouch .wp-playlist-light .wp-playlist-playing, body.videotouch .mejs-controls .mejs-time-rail .mejs-time-current{
                    background-color: #e10d0d;
                    color: #FFFFFF;
                }
                .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price,
                .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message {
                    color: #e10d0d;
                }
                .woocommerce span.onsale, .woocommerce-page span.onsale,
                .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li{
                    background: #e10d0d;
                    color: #FFFFFF;
                }
                .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active{
                    background-color: #f7f7f7;
                    color: #343434 !important;
                }
                .woocommerce #content .woocommerce-result-count{
                    color: #e10d0d;
                    border-color: #e10d0d;
                }
                .woocommerce .widget_price_filter .ui-slider .ui-slider-range,
                .woocommerce-page .widget_price_filter .ui-slider .ui-slider-range,
                .woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
                .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle{
                    background-color: #e10d0d;
                }
                .woocommerce .widget_layered_nav_filters ul li a,
                .woocommerce-page .widget_layered_nav_filters ul li a{
                    background-color: #e10d0d;
                    border-color: #e10d0d;
                }
                .woocommerce #content div.product form.cart .variations label,
                .woocommerce div.product form.cart .variations label,
                .woocommerce-page #content div.product form.cart .variations label,
                .woocommerce-page div.product form.cart .variations label{
                    color: #fff;
                }
                .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
                .woocommerce div.product .woocommerce-tabs ul.tabs li.active,
                .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active,
                .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active{
                    background-color: #f7f7f7;
                    color: #343434;
                }
                .woocommerce #content .quantity .minus,
                .woocommerce .quantity .minus,
                .woocommerce-page #content .quantity .minus,
                .woocommerce-page .quantity .minus,
                .woocommerce #content .quantity .plus,
                .woocommerce .quantity .plus,
                .woocommerce-page #content .quantity .plus,
                .woocommerce-page .quantity .plus{
                    background-color: #ECF0F1;
                    color: #a0a8ab;
                }
                .woocommerce #content .quantity .minus:hover,
                .woocommerce .quantity .minus:hover,
                .woocommerce-page #content .quantity .minus:hover,
                .woocommerce-page .quantity .minus:hover,
                .woocommerce #content .quantity .plus:hover,
                .woocommerce .quantity .plus:hover,
                .woocommerce-page #content .quantity .plus:hover,
                .woocommerce-page .quantity .plus:hover{
                    background-color: #BA2121;
                    color: #f5f6f7;
                }
                .woocommerce #content input.button,
                .woocommerce #respond input#submit,
                .woocommerce a.button,
                .woocommerce button.button,
                .woocommerce input.button,
                .woocommerce-page #content input.button,
                .woocommerce-page #respond input#submit,
                .woocommerce-page a.button,
                .woocommerce-page button.button,
                .woocommerce-page input.button,
                .woocommerce .woocommerce-error .button,
                .woocommerce .woocommerce-info .button,
                .woocommerce .woocommerce-message .button,
                .woocommerce-page .woocommerce-error .button,
                .woocommerce-page .woocommerce-info .button,
                .woocommerce-page .woocommerce-message .button{
                    background: transparent;
                    color: #e10d0d;
                }
                .woocommerce #content input.button:hover,
                .woocommerce #respond input#submit:hover,
                .woocommerce a.button:hover,
                .woocommerce button.button:hover,
                .woocommerce input.button:hover,
                .woocommerce-page #content input.button:hover,
                .woocommerce-page #respond input#submit:hover,
                .woocommerce-page a.button:hover,
                .woocommerce-page button.button:hover,
                .woocommerce-page input.button:hover{
                    background: transparent;
                    color: #BA2121 !important;
                }
                .woocommerce #content input.button.alt,
                .woocommerce #respond input#submit.alt,
                .woocommerce a.button.alt,
                .woocommerce button.button.alt,
                .woocommerce input.button.alt,
                .woocommerce-page #content input.button.alt,
                .woocommerce-page #respond input#submit.alt,
                .woocommerce-page a.button.alt,
                .woocommerce-page button.button.alt,
                .woocommerce-page input.button.alt{
                    background-color: #e10d0d;
                    color: #FFFFFF;
                }
                .woocommerce #content input.button.alt:hover,
                .woocommerce #respond input#submit.alt:hover,
                .woocommerce a.button.alt:hover,
                .woocommerce button.button.alt:hover,
                .woocommerce input.button.alt:hover,
                .woocommerce-page #content input.button.alt:hover,
                .woocommerce-page #respond input#submit.alt:hover,
                .woocommerce-page a.button.alt:hover,
                .woocommerce-page button.button.alt:hover,
                .woocommerce-page input.button.alt:hover{
                    background: #BA2121 !important;
                    color: #f5f6f7 !important;
                }
                .woocommerce .woocommerce-info,
                .woocommerce-page .woocommerce-info,
                .woocommerce .woocommerce-message,
                .woocommerce-page .woocommerce-message{
                    border-color: #e10d0d;
                }
                .woocommerce .woocommerce-error,
                .woocommerce-page .woocommerce-error{
                    border-color: #a80023;
                }
                .woocommerce .woocommerce-error:before,
                .woocommerce-page .woocommerce-error:before{
                    color: #a80023;
                }
                .woocommerce .woocommerce-info:before,
                .woocommerce-page .woocommerce-info:before,
                .woocommerce .woocommerce-message:before,
                .woocommerce-page .woocommerce-message:before{
                    color: #e10d0d;
                }
                .woocommerce #content div.product .woocommerce-tabs .panel,
                .woocommerce div.product .woocommerce-tabs .panel{
                    background-color: #f7f7f7;
                }
                .product-view .overlay-effect .entry-overlay &gt; a{
                    color: #a0a8ab;
                    background-color: #ECF0F1;
                }
                .product-view .overlay-effect .entry-overlay &gt; a:hover{
                    color: #b5c0c4;
                    background-color: #eff2f4;
                }
                .product-view .overlay-effect .entry-overlay &gt; a:not(.entry-view-more){
                    color: #FFFFFF;
                                background-color: #e10d0d            }
                .product-view .overlay-effect .entry-overlay &gt; a:not(.entry-view-more):hover{
                    color: #f5f6f7 !important;
                    background-color: #BA2121 !important;
                }
                .ts-features-default section .readmore a:after,
                .ts-features-fullbg footer .readmore{
                    background-color: #e10d0d;
                }
                .ts-features-fullbg footer .readmore a{
                    color: #FFFFFF;
                }
                .ts-features-default header .article-header-content .image-container{
                    color: #FFFFFF;
                }
                .ts-features-fullbg article:hover header .article-header-content .image-container{
                    color: #e10d0d;
                }
                .block-title-lineariconcenter .block-title-container i[class^="icon"]{
                    color: #e10d0d;
                }
                .ts-features-default section .readmore a:hover span{
                    color: #FFFFFF;
                }
                .ts-features-fullbg header .article-header-content .image-container{
                    box-shadow: inset 0 0 0 10px #FFFFFF;
                }
                .ts-features-fullbg article:hover header .article-header-content .image-container{
                    box-shadow: inset 0 0 0 3px #FFFFFF;
                }
                .ts-features-fullbg header .article-header-content .image-container:after{
                    background-color: #FFFFFF;
                }
                .carousel-wrapper ul.carousel-nav &gt; li:hover {
                    background-color: #BA2121;
                    color: #f5f6f7;
                }
                .ts-clients-view .carousel-wrapper ul.carousel-nav &gt; li:hover {
                    background-color: #BA2121;
                    color: #f5f6f7;
                }
                .ts-clients-view div[data-tooltip]:hover:before {
                    background-color: rgba(225,13,13, 0.8);
                    color: #FFFFFF;
                }
                .ts-clients-view div[data-tooltip]:hover:after {
                    border-top-color: rgba(225,13,13, 0.8);
                }
                .ts-header-menu .main-menu li a:hover,
                .ts-sticky-menu .main-menu li a:hover,
                .ts-mobile-menu .main-menu li a:hover {
                    color: #E10D0D;
                }
                .ts-header-menu .main-menu &gt; .menu-item-has-children ul li &gt; a:before,
                .ts-sticky-menu .main-menu &gt; .menu-item-has-children ul li &gt; a:before,
                .ts-mobile-menu .main-menu &gt; .menu-item-has-children ul li &gt; a:before{
                    background-color: #f3f3f3;
                }
                .ts-header-menu .main-menu li &gt; a,
                .ts-sticky-menu .main-menu li &gt; a,
                .ts-mobile-menu .main-menu li &gt; a {
                    color: #616669;
                }
                .ts-header-menu .sub-menu,
                .ts-sticky-menu .sub-menu,
                .ts-mobile-menu .sub-menu {
                    background-color: #FFF;
                }
                .ts-mega-menu .main-menu .ts_is_mega_div .title{
                    color: #616669;
                }
                .ts-mega-menu .main-menu .ts_is_mega_div .title:after,
                .ts-mobile-menu .main-menu .ts_is_mega_div .title:after{
                    background-color: #e10d0d;
                }
                .rsDefault .rsArrowIcn,
                .rsDefault .rsThumbsArrowIcn {
                    background-color: rgba(225,13,13, 0.7);
                }
                .rsDefault .rsArrowIcn:hover,
                .rsDefault .rsThumbsArrowIcn:hover {
                    background-color: #BA2121;
                }
                .rsDefault .rsBullet span {
                    background-color: rgba(225,13,13, 0.3);
                }
                .rsDefault .rsBullet.rsNavSelected span {
                    background-color: #e10d0d;
                }
                .ts-header-menu .main-menu .current-menu-item &gt; a,
                .ts-header-menu .main-menu .current-menu-parent &gt; a,
                .ts-header-menu .main-menu .current-menu-ancestor &gt; a,
                .ts-mobile-menu .main-menu .current-menu-item &gt; a,
                .ts-mobile-menu .main-menu .current-menu-parent &gt; a,
                .ts-mobile-menu .main-menu .current-menu-ancestor  &gt; a,
                .ts-sticky-menu .main-menu .current-menu-item &gt; a,
                .ts-sticky-menu .main-menu .current-menu-parent &gt; a,
                .ts-sticky-menu .main-menu .current-menu-ancestor  &gt; a{
                    color: #e10d0d !important;
                }
                .sub-menu li a:hover{
                    color: #E10D0D;
                }
                .testimonial-item .author-position{
                    color: #d6cbcb;
                }
                .sf-default li:after{
                    background: #e10d0d;
                }
                .post-title-meta, .ts-big-posts .big-post-meta &gt; ul &gt; li, .ts-grid-view .entry-meta &gt; ul &gt; li, .views-delimiter{
                    color: #d6cbcb;
                }
                .tags-container a.tag, .tags-container a[rel="tag"], .ts-list-view-tags a[rel="tag"]{
                    background-color: #e10d0d;
                    color: #FFFFFF;
                }
                .tags-container a.tag:hover, .tags-container a[rel="tag"]:hover, .ts-list-view-tags a[rel="tag"]:hover{
                    background-color: #ECF0F1;
                    color: #b5c0c4;
                }
                .ts-thumbnail-view .thumb-post-categories a, .ts-grid-view .grid-post-categories a, .ts-big-posts .big-post-categories a, .post-title-meta .post-categories a, .ts-super-posts .ts-super-posts-categories a{
                    color: #e10d0d;
                }
                .ts-thumbnail-view .thumb-post-categories a:hover, .ts-grid-view .grid-post-categories a:hover, .ts-big-posts .big-post-categories a:hover, .post-title-meta .post-categories a:hover, .ts-super-posts .ts-super-posts-categories a:hover{
                    color: #e10d0d;
                }
                .user-profile-page .edit-post-link{
                    color: #FFFFFF;
                    background-color: #e10d0d;
                }
                .user-profile-page .edit-post-link:hover{
                    color: #f5f6f7;
                    background-color: #BA2121;
                }
                #searchbox input[type="text"]:focus{
                    border-bottom-color: #e10d0d;
                }
                #searchbox input.searchbutton:hover + i.icon-search{
                    color: #e10d0d;
                }
                .search-no-results .searchpage,
                .search .attention{
                    color: #e10d0d;
                }
                .video-single-resize:hover b{
                    color: #e10d0d;
                }
                .search-results .searchcount{
                    color: #d6cbcb;
                }
                #commentform .form-submit input[type="submit"]{
                    color: #FFFFFF;
                }
                .post-navigator ul li a div{
                    color: #e10d0d;
                }
                .widget-title:after {
                    background: #e10d0d;
                    display: block;
                    content: '';
                    width: 30px;
                    height: 2px;
                    margin-top: 10px;
                }
                .post-navigator ul li a:hover div{
                    color: #BA2121;
                }
                .callactionr a.continue, .commentlist &gt; li .comment .comment-reply-link{
                    background-color: #e10d0d;
                    color: #FFFFFF;
                }
                .callactionr a.continue:hover{
                    background-color: #ECF0F1;
                    color: #a0a8ab;
                }
                .block-title-lineafter .block-title-container .the-title:after{
                    background-color: #e10d0d;
                }
                .ts-grid-view .entry-meta a, .ts-big-posts .big-post-meta a, .post-author-box &gt; .author-title{
                    color: #e10d0d;
                }
                .ts-list-view .readmore{
                    background-color: #e10d0d;
                }
                .ts-super-posts .title-holder{
                    background-color: #e10d0d;
                }
                .ts-thumbnail-view .item-hover{
                    /*background-color: rgba(225,13,13, 0.8);*/
                }
                .ts-thumbnail-view .item-hover span, .ts-grid-view .item-hover span{
                    color: #e10d0d;
                }
                .ts-grid-view .item-hover{
                    background-color: rgba(236,240,241, 0.8);
                }
                .ts-grid-view .readmore:hover{
                    color: #e10d0d;
                }
                .ts-filters li a.active{
                    background-color: #e10d0d;
                    color: #FFFFFF;
                }
                .ts-filters li a.active:after{
                    border-top-color: #e10d0d;
                }
                .ts-filters li a:not(.active):hover{
                    color: #ECF0F1;
                }
                .post-navigator ul li a{
                    border-top-color: #e10d0d;
                }
                .post-navigator ul li a:hover{
                    border-top-color: #ECF0F1;
                }
                #commentform .form-submit input[type="submit"]{
                    background-color: #e10d0d;
                }
                .listed-two-view .item-hover, .ts-big-posts .item-hover{
                    background-color: rgba(225,13,13, 0.8);
                }
                .block-title-linerect .block-title-container:before{
                    background-color: #e10d0d;
                }
                .teams article:hover .image-holder img{
                    border-color: #e10d0d;
                }
                .teams article:hover .article-title{
                    border-color: #ECF0F1;
                }
                .delimiter.iconed:before{
                    color: #e10d0d;
                }
                .block-title-leftrect .block-title-container:before{
                    background-color: #e10d0d;
                }
                a.tag:hover, a[rel="tag"]:hover{
                    color: #e10d0d;
                }
                input.contact-form-submit{
                    background: #e10d0d;
                }
                .dl-menuwrapper button:hover,
                .dl-menuwrapper button.dl-active,
                .dl-menuwrapper ul {
                    background: #e10d0d;
                }
                .dl-menuwrapper button{
                    background: #ECF0F1;
                }
                .post-slider .post-slider-list .entry-category ul li a, .post-slider .main-entry .entry-category a{
                    color: #e10d0d;
                }
                .post-slider .main-entry .entry-content .entry-title:hover{
                    border-right-color: #e10d0d;
                }
                .tweet-entry .icon-twitter{
                    color: #e10d0d;
                }
                /* Set the background and text color of the view articles */
                
                .ts-pagination ul .page-numbers{
                    background: #f7f7f7;
                    color: #343434;
                }
                .ts-pagination ul .page-numbers.current{
                    background: #e10d0d;
                    color: #FFFFFF;
                }
                .ts-pagination ul .page-numbers:hover{
                    background: #ECF0F1;
                }
                .views-read-more{
                    background: #e10d0d;
                    color: #FFFFFF !important;
                }
                #searchform input[type="submit"]{
                    color: #fff;
                }
                .ts-pricing-view article &gt; header:after{
                    border-top-color: #e10d0d;
                }
                .ts-pricing-view article &gt; header, .ts-pricing-view article &gt; footer a.btn{
                    background: #e10d0d;
                    color: #FFFFFF;
                }
                .slyscrollbar .handle{
                    background: #e10d0d;
                }
                .mcooz-likes .mcooz-likes-count:before, .post-meta .post-meta-likes span.mcooz-likes-count:before{
                    color: #e10d0d;
                }
                .mcooz-likes.active .mcooz-likes-count:before, .post-meta .post-meta-likes .mcooz-likes.active span.mcooz-likes-count:before{
                    color: #BA2121;
                }
                .ts-grid-view article .entry-footer .btn-play-video:hover &gt; i{
                    background: #e10d0d;
                    color: #FFFFFF;
                }
                .btn:hover,
                .btn:active,
                .btn:focus{
                    border-color: #e10d0d;
                }
                .btn.active{
                    background-color: #e10d0d;
                    color: #FFFFFF;
                }
                .purchase-btn{
                    color: #ECF0F1;
                }
                .purchase-btn:hover{
                    background: #ECF0F1;
                }
                .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
                    background: #e10d0d;
                }
                .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover, .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
                    background: #BA2121;
                }
                .mosaic-view article section{
                    /*background: rgba(225,13,13, 0.7);*/
                }
                .nav-tabs .tab-item.active &gt; a:before,
                .nav-tabs .tab-item.active &gt; a:hover:before,
                .nav-tabs .tab-item.active &gt; a:focus:before{
                    border-color: #e10d0d;
                }
                .ts-tags-container &gt; a:after,
                a.tag:hover, a[rel="tag"]:hover,
                article .default-effect .overlay-effect .view-more &gt; span:before,
                article .default-effect .overlay-effect .view-more &gt; span:after{
                    background: #e10d0d;
                }
                article.type-post .page-title .mcooz-likes .mcooz-likes-count{
                    color: #d6cbcb;
                }
                .ts-thumbnail-view article h3.title:after{
                    background: #e10d0d;
                }
                .ts-user-login-modal .modal-title{
                    color: #fff;
                }
                #ts-timeline .timeline-entry:before, .ts-grid-view article .entry-footer .btn-grid-more:hover &gt; i{
                    background-color: #e10d0d;
                }
                .ts-video-carousel .nav-arrow .nav-icon{
                    color: #e10d0d;
                }
                body.single-video article.type-video .post-content .content-cortina{
                    &lt;pre&gt;&lt;pre class='xdebug-var-dump' dir='ltr'&gt;&lt;small&gt;string&lt;/small&gt; &lt;font color='#cc0000'&gt;'#ffffff'&lt;/font&gt; &lt;i&gt;(length=7)&lt;/i&gt;
                    &lt;/pre&gt;&lt;/pre&gt;                background: -moz-linear-gradient(top, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.7) 41%, rgba(255,255,255, 1) 83%); /* FF3.6+ */
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255, 0)), color-stop(41%,rgba(255,255,255, 0.7)), color-stop(83%,rgba(255,255,255, 1))); /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(top,  rgba(255,255,255, 0) 0%,rgba(255,255,255, 0.7) 41%,rgba(255,255,255, 1) 83%); /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(top,  rgba(255,255,255, 0) 0%,rgba(255,255,255, 0.7) 41%,rgba(255,255,255, 1) 83%); /* Opera 11.10+ */
                    background: -ms-linear-gradient(top,  rgba(255,255,255, 0) 0%,rgba(255,255,255, 0.7) 41%,rgba(255,255,255, 1) 83%); /* IE10+ */
                    background: linear-gradient(to bottom,  rgba(255,255,255, 0) 0%,rgba(255,255,255, 0.7) 41%,rgba(255,255,255, 1) 83%); /* W3C */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
                }
                                        h1{font-size: 52px}
                        h2{font-size: 44px}
                        h3{font-size: 38px}
                        h4{font-size: 32px}
                        h5{font-size: 26px}h1, h2, h3, h4, h5, h6  {
                        font-family: "Fira Sans";
                        font-weight: 700;
                        font-style: normal;
                                }            body{font-size: 14px;}body {
                        font-family: "Fira Sans";
                        font-weight: normal;
                        font-style: normal;
                                }            .ts-behold-menu, .ts-behold-menu .main-menu &gt; .menu-item-has-children &gt; a:after{font-size: 14px;}.ts-behold-menu {
                        font-family: "Fira Sans";
                        font-weight: normal;
                        font-style: normal;
                                }
                .ts-sticky-menu{
                    background-color: #FFFFFF;
                }
                .ts-sticky-menu .sf-menu li ul{
                    background-color: #FFFFFF;
                }
                .ts-sticky-menu .container .sf-menu li a, .ts-sticky-menu .container .sf-menu li, .ts-sticky-menu .sf-menu{
                    color:#444444;}
                .ts-sticky-menu .container .sf-menu li.current-menu-item &gt; a{
                    color: #e10d0d;
                            }            /* --- Custom CSS Below ----  */
                #menu-main-header li#menu-item-195:after {
        content: '>';
        position: absolute;
        left: 0;
        margin-left: -20px;
        top: 16px;
        background: #E10D0D;
        padding: 0 7px;
        color: #FFF;
        border-radius: 50%;
        -webkit-transition: transform .2s ease-out;
        transition: transform .2s ease-out;
        animation-name: bounce;
        animation-duration: 2s;
        animation-iteration-count: 99999;
        animation-direction: alternate;
        animation-timing-function: ease-in-out;
        -webkit-animation-name: bounce;
        -webkit-animation-duration: 2s;
        -webkit-animation-iteration-count: 99999;
        -webkit-animation-direction: alternate;
        -webkit-animation-timing-function: ease-in-out;
        }
        @keyframes bounce {
        0% {
        }
        50% {
        transform: translateX(15px);
        -webkit-transform: translateX(15px);
        }
        100% {
        transform: translateY(0);
        -webkit-transform: translateX(5px);
        }
        }
        @-webkit-keyframes bounce {
        0% {
        }
        50% {
        transform: translateX(15px);
        -webkit-transform: translateX(15px);
        }
        100% {
        transform: translateX(0);
        -webkit-transform: translateX(5px);
        }
        }
        body.page-id-931 .ts-custom-menu-colors .main-menu &gt; li &gt; a{color: #FFF !important}   



/* banner */
.banner {
	position: relative;
	width: 100%;
	overflow: auto;
	
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	
	color: rgba(255,255,255,.6);
	text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);
	
	background: #5b4d3d;
	box-shadow: 0 1px 2px rgba(0,0,0,.25);
}
	.banner ul {
		list-style: none;
		width: 300%;
	}
	.banner ul li {
		display: block;
		float: left;
		width: 33%;
		padding: 160px 0 110px;
		
		height: 500px;
		
/*		-webkit-background-size: 100% 100%;*/
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		-ms-background-size: 100% 100%;
/*		background-size: 100% 100%;*/
		
		box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
	}
	
	.banner h1, .banner h2 {
		font-size: 40px;
		line-height: 52px;
		
		color: #fff;
	}
	
	.banner .btn {
		display: inline-block;
		margin: 25px 0 0;
		padding: 9px 22px 7px;
		clear: both;
		
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		
		border: 2px solid rgba(255,255,255,.4);
		border-radius: 5px;
	}
		.banner .btn:hover {
			background: rgba(255,255,255,.05);
		}
		.banner .btn:active {
			-webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
		}
		
	.banner .btn, .banner .dot {
		-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	}
	
	.banner .dots {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 20px;
	}
		.banner .dots li {
			display: inline-block;
			width: 10px;
			height: 10px;
			margin: 0 4px;
			
			text-indent: -999em;
			
			border: 2px solid #fff;
			border-radius: 6px;
			
			cursor: pointer;
			opacity: .4;
			
			-webkit-transition: background .5s, opacity .5s;
			-moz-transition: background .5s, opacity .5s;
			transition: background .5s, opacity .5s;
		}
			.banner .dots li.active {
				background: #fff;
				opacity: 1;
			}
		
.features {
	overflow: hidden;
	padding: 50px 0;
	
	background: #f7f7f6;
	box-shadow: inset 0 -1px 3px rgba(0,0,0,.03);
}
	.features li {
		position: relative;
		padding: 0 25px 0 40px;
		list-style: none;
		
		width: 25%;
		float: left;
	}
		.features li:before {
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			
			display: block;
			width: 24px;
			height: 22px;
			
			background: url('__PUBLIC__/img/icons.png');
		}
			.features li.browser:before { background-position: 0 -44px; }
			.features li.height:before { background-position: 0 -22px; }
			.features li.responsive:before { background-position: 0 -66px; }
	.features b {
		display: block;
		padding-bottom: 6px;
	}
	
.how {
	padding: 60px 0;
}
	.how h2 {
		color: #7c6853;
	}
	.how h3 {
		padding-bottom: 8px;

		color: #7b6b53;
		font-size: 20px;
		line-height: 10px;
	}
	.how li {
		position: relative;
		width: 375px;
		margin: 0 0 40px 15px;
		padding-left: 10px;
	}
	.how pre {
		position: absolute;
		left: 450px;
		top: 0;
		
		width: 495px;
		padding: 20px 25px;
		
		background: #f8f5f0;
		color: #8a785d;
		
		font-size: 12px;
		line-height: 18px;
		
		border-radius: 5px;
		box-shadow: inset 0 2px 2px rgba(180,157,125,.15), inset 0 0 1px rgba(0,0,0,.2);
	}
	.how p {
		padding-bottom: 15px;
	}
	
.options {
	padding: 60px 0;
	
	background: #39342d;
	color: #7b7368;
	
	box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
	text-shadow: 0 1px 1px rgba(0,0,0,.2);
}
	.options a {
		opacity: .7;
		color: #fff;
		border-bottom: 1px solid rgba(255,255,255,.2);
		text-decoration: none;
	}
		.options a:hover {
			opacity: 1;
			border-bottom-color: rgba(255,255,255,.3);
		}
	.options p {
		font-size: 16px;
		line-height: 25px;
		
		padding-bottom: 20px;
	}
	.options h2 {
		color: #fff;
		padding-bottom: 15px;
	}
	.options pre {
		padding: 20px 25px;
		
		background: #342f29;
		color: #988f81;
		
		font-size: 13px;
		line-height: 19px;
		
		box-shadow: inset 0 2px 2px rgba(0,0,0,.15), inset 0 0 1px rgba(0,0,0,.1);
		border-radius: 5px;
	}
		.options pre span {
			color: #706657;
		}
		
.footer {
	padding: 80px 0 60px;
	text-align: center;
}
	.footer .btn {
		display: inline-block;
		padding: 13px 24px 10px;
		margin-bottom: 15px;
		
		background-color: #c4652d;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#d07936), to(#b95124));
		background-image: -webkit-linear-gradient(top, #d07936, #b95124);
		background-image: -moz-linear-gradient(top, #d07936, #b95124);
		background-image: -o-linear-gradient(top, #d07936, #b95124);
		background-image: -ms-linear-gradient(top, #d07936, #b95124);
		background-image: linear-gradient(top, #d07936, #b95124);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#d07936', EndColorStr='#b95124');
		
		border-radius: 5px;
		box-shadow: inset 0 0 0 1px rgba(0,0,0,.2), inset 0 -1px 2px rgba(0,0,0,.15), inset 0 2px 0 rgba(255,255,255,.2), 0 1px 1px rgba(0,0,0,.1);
		
		color: #fff;
		text-shadow: 0 1px 2px rgba(0,0,0,.2);
		
		font-size: 12px;
		line-height: 18px;
		font-weight: bold;
		text-transform: uppercase;
		
		border: none;
	}
		.footer .btn:hover {
			opacity: .95;
			color: #fff;
		}
		.footer .btn:active {
			opacity: 1;
			background-color: #bc5f29;
			background-image: -webkit-gradient(linear, left top, left bottom, from(#b55625), to(#c3692d));
			background-image: -webkit-linear-gradient(top, #b55625, #c3692d);
			background-image: -moz-linear-gradient(top, #b55625, #c3692d);
			background-image: -o-linear-gradient(top, #b55625, #c3692d);
			background-image: -ms-linear-gradient(top, #b55625, #c3692d);
			background-image: linear-gradient(top, #b55625, #c3692d);
			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#b55625', EndColorStr='#c3692d');
			
			box-shadow: inset 0 0 0 1px rgba(0,0,0,.2), inset 0 -1px 2px rgba(255,255,255,.1), inset 0 2px 2px rgba(0,0,0,.2), 0 1px 1px rgba(0,0,0,.1);
		}
	.footer a {
		margin: 0 4px;
		
		color: #79654e;
		text-decoration: none;
		border-bottom: 1px solid #ddd2c6;
	}
		.footer a:hover {
			color: #665139;
			border-color: #d1bfa9;
		}

.wrap {
	margin: 0 auto;
	width: 960px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px), (max-width: 900px) {
	.wrap {
		width: 90%;
	}
	#logo {
		left: 50px;
		top: 30px;
	}
	
	.banner h1, .banner h2 {
		font-size: 24px;
		line-height: 30px;
	}
	.banner ul li {
		padding-top: 100px;
		padding-bottom: 50px;
		height: 240px;
	}
	.banner p {
		font-size: 15px;
		width: 80%;
		margin: 0 auto;
	}
	pre {
		overflow: auto;
	}
	.features li {
		width: 100%;
		margin-left: 10px;
		margin-bottom: 30px;
	}
	.how li {
		width: 90%;
	}
	.how pre {
		position: static;
		width: 100%;
	}
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.features li:before {
		background: url('__PUBLIC__/img/icons@2x.png');
		background-size: 100%;
	}
}	


/* add */
.mcooz-likes-count.fa.fa-thumbs-down,.mcooz-likes-count.fa.fa-thumbs-up {
  cursor: pointer;
}
.view-count.fa.fa-thumbs-down {
  cursor: pointer;
}

#main  {
  background: url(__PUBLIC__/img/alizuokopoxiwo.jpg) no-repeat scroll 0 0 #01010d;

}
body{
  background: #01010d;

}
#header{
  background: url(http://web.mcooz.com/dogegg_bg/bg.jpg) repeat scroll 0 0 rgba(0, 0, 0, 0);

}



.jinru {
  border: 1px solid #ff630e;
  height: 50px;
  left: 50%;
  position: absolute;
  top: 407px;
  width: 148px;
  z-index: 9999999;
  dispaly:none;
}

.jinru a{  
  height: 50px;
  line-height: 50px;
  display: block;
  width: 148px;
  text-align: center;
  font-size: 20px;
  text-decoration: none;
  opacity: 0.8;
  width: 148px;
  
}
.jinru a:hover{ 
    background: #f40;
    color: #fff;
    
}



</style>




        <div class="ts-page-loading ts-page-loading-animate">
            <div class="page-loading-content">
                <div class="page-loading-logo"> <img style="width: 266px; height: auto;" alt="VideoTouch" src="__PUBLIC__/img/logo.png"> </div>
                <div class="page-loading-text">您的浏览器版本过低,请升级浏览器!或者您未使用极速模式.</div>
                <div class="page-loader"></div>
            </div>
        </div>
        <div id="ts-loading-preload">
            <div class="preloader-center"></div>
        </div>
        <div class="" id="wrapper">
            <header class="row" id="header">
                <div class="col-lg-12">
                    
                    <div style="background-color: rgb(255, 255, 255); color: rgb(52, 52, 52); margin-top: 0px; margin-bottom: 0px; padding-top: 30px; padding-bottom: 40px; min-height: 100%;" class="site-section " data-alignment="top"><div class="container"><div class="row"><div class="col-lg-12 col-md-12"></div>
                    <div class="col-lg-3 col-md-3"><div class="row content-block "><div class="col-lg-12 "><a class="logo" href="/">
                        <img style="width: 266px; height: auto;" alt="VideoTouch" src="__PUBLIC__/img/logo.png">
                    </a></div></div></div>
                    <div class="col-lg-7 col-md-7"><div class="row content-block ">
                            <div class="col-lg-9 col-md-9 col-sm-9"><nav class="ts-header-menu ts-mega-menu    menu-element-25707  megaWrapper" id="nav"><ul class="main-menu" id="menu-main-header"><li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-122 current_page_item menu-item-has-children menu-item-has-description " id="menu-item-195"><a href="/"><i class="icon-home"></i>首页</a>
                        
                    </li>
                    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-has-description " id="menu-item-198"><a href="<{:U('d/a')}>"><i class="icon-menu"></i>直播</a>
                        
                    </li>
                    <li class="menu-item menu-item-type-taxonomy menu-item-object-videos_categories menu-item-has-description  menu-item-has-children is_mega" id="menu-item-215"><a href="<{:U('d/c')}>"><i class="icon-movie"></i>分类</a><div class="ts_is_mega_div ts_is_mega5" style="left: -272.5px;">
                        </div></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-has-description  is_mega" id="menu-item-203"><a href="#"><i class="icon-block"></i>其他视频</a>
            <div class="ts_is_mega_div ts_is_mega5" style="left: -272.5px;">
                
            </div>
        </li>
    </ul></nav>
                            </div>
                            <div class="col-lg-23 col-md-3 col-sm-3">         
                            <div class="user-mini-avatar">
           <div class="col-lg-12 col-md-12 col-sm-12">                      
<img class="avatar avatar-50 photo" src="/Public/img/1494844152.png" alt="" width="70" >
           </div>
 <div class="col-lg-12 col-md-12 col-sm-12">
<span>安卓版下载</span>
 </div>
</div> 
</div>
                        </div></div>
<div class="col-lg-2 col-md-2"><div class="row content-block "><div class="col-lg-12">

<div class="ts-user-header-profile align-right">
<div class="user-mini-avatar">
<a href="#"><img width="50" height="50" class="avatar avatar-50 photo" src="__PUBLIC__/img/user_profile_60.png" alt=""></a>
</div>
<div class="user-info">
  <form action="<{:U('Login/logout')}>" name="logout_form" method="post">
                <input type="hidden" name="refer" id="refer" value="123">  

                </form>
<if condition="$Example_uid!=''">
Welcome!,<a href="<{:U('Member/')}>"><{$Example_username}></a>

 [
 <a href="javascript:document:logout_form.submit();" style="margin-left:0px;">安全退出</a>
 ]
    <else /> 
   <form action="<{:U('Login/')}>" name="login_form" method="post">
                                                       <input type="hidden" name="refer" id="refer1" value="">  
                                                       
                                                   </form>     
<div><a href="javascript:document:login_form.submit();" id="ts-show-login-modal1">登录</a></div>
<div><a href="javascript:document:login_form.submit();" id="ts-show-register-modal1">或 <span>注册</span></a></div>

         </if>


</div>
</div>
<div aria-hidden="true" aria-labelledby="videoModalLabel" role="dialog" tabindex="-1" id="ts-login-modal" class="modal fade ts-user-login-modal">
<div class="modal-dialog">
<div class="modal-content text-center">
<div class="modal-header">
<button data-dismiss="modal" class="close" type="button"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 id="videoModalLabel" class="modal-title">登录/注册</h4>
</div>
<div class="modal-body">

<div class="modal-mini-avatar"><i class="icon-user"></i></div>
<div class="preloader" ><img alt="Loader" src="__PUBLIC__/img/ajax-loader.gif"></div>
<div class="ts-login">

    <div class="ts-form-login">

        <form method="post" action="<{:U('index/check')}>" id="loginform" name="loginform">

            <p class="login-username">
            <label for="ts_videotouch_username_id">用户名</label>
            <input type="text" size="20" class="input" id="ts_videotouch_username_id" name="log" placeholder="用户名">
            </p>
            <p class="login-password">
            <label for="ts_videotouch_username_pass">密码</label>
            <input type="password" size="20" value="" class="input" id="ts_videotouch_username_pass" name="pwd" placeholder="密码">
            </p>

            <p class="login-remember"><label><input type="checkbox" value="forever" id="ts_videotouch_username_remember" name="rememberme"> 记住我</label></p>
            <p class="login-submit">
            <input type="submit" value="登录" class="btn medium active" id="ts_videotouch_form_submit" name="wp-submit">
          
            </p>

        </form>
    </div>
    <div class="ts-form-register">
    	<form method="post" action="<{:U('index/check')}>" id="loginform" name="loginform">

            <p class="login-username">
            <label for="ts_videotouch_username_id">用户名</label>
            <input type="text" size="20" class="input" id="ts_videotouch_username_id" name="log" placeholder="用户名">
            </p>
            <p class="login-password">
            <label for="ts_videotouch_username_pass">密码</label>
            <input type="password" size="20" value="" class="input" id="ts_videotouch_username_pass" name="pwd" placeholder="密码">
            </p>

            <p class="login-remember"><label><input type="checkbox" value="forever" id="ts_videotouch_username_remember" name="rememberme"> 记住我</label></p>
            <p class="login-submit">
            <input type="submit" value="登录" class="btn medium active" id="ts_videotouch_form_submit" name="wp-submit">
          
            </p>

        </form>

    </div>

</div>
<div style="height: 20px"></div>
<div class="ts-register">

    <a class="ts-show-register-modal" href="#">
   注册
    </a>
    <a class="ts-show-login-modal hidden" href="#">
    登录
    </a>
</div>
</div>
<div style="height: 50px"></div>
</div>
</div>
</div>
</div></div></div></div></div></div>			</div>
</header><section class="row" id="main"><div class="ts-page-with-layout-builder col-lg-12 col-md-12 col-sm-12 col-xs-12" id="primary"><div role="main" id="content"><div style="background-color: transparent; color: inherit; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; min-height: 100%;" class="site-section  ts-expanded-row " data-alignment="top"><div class="row" style="display:none"><div class="col-lg-12 col-md-12"><div class="row content-block ">

<!-- banner -->
<div class="banner">
			<ul>
	
				<li style="background-image: url(__PUBLIC__/img/3.jpg);">


				<h1>我要赞助</h1>
				<a class="btn" href="{url:$item[url]}">去看看</a>


				</li>
				<li style="background-image: url(__PUBLIC__/img/2.jpg);">


				<h1>我要赞助</h1>
				<a class="btn" href="{url:$item[url]}">去看看</a>


				</li>
				<li style="background-image: url(__PUBLIC__/img/6.jpg);">


				<h1>我要赞助</h1>
				<a class="btn" href="{url:$item[url]}">去看看</a>


				</li>
			
				
				
			</ul>
			

</div>
<!-- banner -->
	


</div><div class="row content-block "><div style="height: 20px;" data-show-mobile="n" data-element="spacer"></div></div></div></div></div>
<div style="background-color: transparent; color: inherit; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; min-height: 100%;" class="site-section site-section1" data-alignment="top"><div class="container">

<div class="row">

<div class="row content-block ">

	<div class="col-lg-12" style="">
	<div class="block-title block-title-simpleleft">
<div class="block-title-container">
<h3 style="color: #fff" class="the-title"><i class="icon-noicon"></i>正在直播</h3>
</div>
</div>
<Style>
.kros_div {
  height: 450px;
  overflow: hidden;
  position: relative;
}
.kros_ifra {
  height: 2053px;
  left: -91px;
  overflow: hidden;
  position: absolute;
  top: -200px;
  width: 100%;
}
</Style>

  <div id="my-player" class="abp" style="width:100%;  background:#000;">
            <div id="my-comment-stage" class="container"></div>
  
<!-- 	<iframe  frameborder=0 width="100%" height="100%" frameborder="0" class="kros_ifra" src="http://www.huya.com/485044468"></iframe> -->

<div id="id_video_container" style="width:100%; height:auto;"></div>
<script src="//qzonestyle.gtimg.cn/open/qcloud/video/live/h5/live_connect.js" charset="utf-8"></script>
<script type="text/javascript">
    (function () {
        var player = new qcVideo.Player("id_video_container", {
            "channel_id": "9896587163742516581",
            "app_id": "1252275100",
            "width" : 1170,
            "height" : 600
        });
    })()
</script>




	</div>


	</div>

<!--     <div class="col-lg-12" style="height:673px">
<div class="block-title block-title-simpleleft">
<div class="block-title-container">
<h3 style="color: #fff" class="the-title"><i class="fa fa-smile-o fa-1x" style="color:#fff"></i>

两个菠萝菜,16!</h3>
</div>
</div>
<iframe width="100%" height="100%" frameborder="0" style="overflow:hidden;height:100%;width:100%" src="http://zpp.mcooz.com/index.php/index/basic3"></iframe>


</div> -->


<!--         <div class="col-lg-12" >
<div class="container">
    <div class="row clearfix">
<div class="col-md-12 column">
    <h3 class="text-center">                
第一届宏璟杯KOF97职业联赛制度

    </h3>
    <p class="text-left">
        联赛于2015年, <strong>2月二日星期一晚上7点半</strong>正式打响. <em>迟到15分钟,7点45分未到的选手视为弃权.</em> 2月2日(周一)打出前4名,周二打1,2,3,4名 ,冠军1000,亚军600,季军400.<small>比赛正常按ARC周赛规则进行,高手对战(含98玩家)水友的时候不可以选8神庵,神乐,大门,玛丽,山崎龙二,猴子,陈国汉(水友每挑战高手成功一次可以抽一次,奖人民币200-100不等),高手之间按照正常arc周赛规则对战,如果97高手遇到98高手,双方都不可以选5强(8神庵,神乐,陈国汉,山崎龙二,猴子).每次比赛完后都要重新抽签,绝对公平公开公正,从本次比赛开始,水友与高手之间都要遵守ARC周赛规则,不可以无限,裸杀(直接发大招),选隐藏任务(94草除外),浮空等,对战时请保存录像,如有异议,最终解释权归主办方所有,对战过程中,掉线算输一分,如果网络延迟问题,可以借助南北网桥,如91vpn(或者去网吧),但是如果因为个人网络原因引起的跳帧频率大,网络不稳定,按淘汰计算,比赛打arc平台,如果选错人,自动让对方打死重来,本局无效,比赛1p 2p 抽签决定.两名选手争夺最后8强名额(输得给100块安慰奖).8进4抢5,4进2抢7,3,4争夺抢7,决赛抢10</small>
    </p>
</div>
    </div>
</div>

    </div> -->
</div>


<div class="col-lg-12 col-md-12">




    <div class="row content-block "><div class="col-lg-12" style="padding-left:24px;padding-right: 24px">
<div class="block-title block-title-simpleleft">
<div class="block-title-container">
<h3 style="color: #fff" class="the-title"><i class="icon-noicon"></i>推荐直播间</h3>
</div>
</div>
</div></div>
<div class="row content-block "><div style="height: 20px;" data-show-mobile="n" data-element="spacer"></div></div><div class="row content-block "><section class="ts-grid-view animated scaler cols-by-4 " id="krosrow1">	
















<!-- 

    <volist name='list' id='vo' >

<div class="col-lg-3 col-md-3 col-sm-12 item">
<article class="post-163 video type-video status-publish has-post-thumbnail hentry tag-animation-2 tag-more tag-mcooz tag-vampire tag-video  article-meta-shown title-above-excerpt shown" style="opacity: 1;">
<header>
<div class="image-holder default-effect">
<a href="<{:U('index/show/id/')}><{$vo.id}>">
<img  style="width:262px;height:198px" src="__PUBLIC__/Uploads/<{$vo.image|str_ireplace='/','/c_',###}>">                                            </a>
<div class="overlay-effect">
<div class="entry-overlay">
<a href="<{:U('index/show/id/')}><{$vo.id}>" class="view-more">
<i class="icon-play"></i>
<span>play</span>
</a>
</div>
</div>
</div>
</header>
<section>
<div class="entry-title">
<a href="<{:U('index/show/id/')}><{$vo.id}>"><h3 class="title" style="height:44px;overflow:hidden">  <{$vo.geming}>  </h3></a>
</div>
<div class="ts-view-entry-meta-date">
<ul>
<li><{$vo.create_time|date='Y-m-d',###}></li>
</ul>
</div>
<div class="entry-excerpt">
上传者:<{$vo.nicheng}>                </div>
</section>
<footer>
<div class="entry-footer">
<div class="row">
<div class="col-lg-8 col-md-8 col-sm-12">
<div class="entry-meta">
<div class="entry-meta-likes">
<a title="Like this" class="mcooz-likes" ><span onclick="kros_ding(this);" value="<{$vo.ding}>,<{$vo.id}>" data-id="mcooz-likes-163"  class="mcooz-likes-count fa fa-thumbs-up" >顶:<{$vo.ding}></span> <span class="mcooz-likes-postfix"></span></a>
</div>
<div class="entry-meta-views">

<span class="view-count fa fa-thumbs-down" onclick="kros_cai(this);" value="<{$vo.cai}>,<{$vo.id}>">踩:<{$vo.cai}></span>
</div>
<div class="entry-meta-comments">
<a href="<{:U('index/show/id/')}><{$vo.id}>">
<i class="fa fa-youtube-play"></i>
<span class="comment-count"><{$vo.play}></span>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 text-right">
<a class="btn btn-grid-more" href="<{:U('index/show/id/')}><{$vo.id}>">去看看<i class="icon-right"></i></a>
</div>
</div>
</div>
</footer>
</article>
</div>
        
         </volist>  -->


   
</section>







                      <script type='text/html' id='deliveInfoTemplate1'>

<div class="col-lg-3 col-md-3 col-sm-12 item">
<article class="post-163 video type-video status-publish has-post-thumbnail hentry tag-animation-2 tag-more tag-mcooz tag-vampire tag-video  article-meta-shown title-above-excerpt shown" style="opacity: 1;">
<header>
<div class="image-holder default-effect">
<a href="<{:U('index/krosList/id/')}><%=uid%>">
<img  style="width:262px;height:198px" src="__upload__/images/<%=uid%>.jpg">                                           </a>
<div class="overlay-effect">
<div class="entry-overlay">
<a href="<{:U('index/krosList/id/')}><%=uid%>" class="view-more">
<i class="icon-play"></i>
<span>去看看</span>
</a>
</div>
</div>
</div>
</header>
<section>
<div class="entry-title">
<a href="<{:U('index/krosList/id/')}><%=uid%>"><h3 class="title" style="height:44px;overflow:hidden">  <%=title%> </h3></a>
</div>
<div class="ts-view-entry-meta-date">

</div>
<div class="entry-excerpt">
<%=nicheng%>            </div>
</section>
<footer>
<div class="entry-footer">
<div class="row">
<div class="col-lg-8 col-md-8 col-sm-12">
<div class="entry-meta">
<div class="entry-meta-likes" style="display:none">
<a title="Like this" class="mcooz-likes" ><span onclick="kros_ding(this);" value="<%=ding%>,<%=id%>" data-id="mcooz-likes-163"  class="mcooz-likes-count fa fa-thumbs-up" >顶:<%=ding%></span> <span class="mcooz-likes-postfix"></span></a>
</div>
<div class="entry-meta-views" style="display:none">

<span class="view-count fa fa-thumbs-down" onclick="kros_cai(this);" value="<{$vo.cai}>,<{$vo.id}>">踩:<{$vo.cai}></span>
</div>
<div class="entry-meta-comments">
<a href="<{:U('index/krosList/id/')}><%=id%>">
<i class="fa fa-user"></i>
<span class="comment-count"><%=reviewed%></span>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 text-right">
<a class="btn btn-grid-more" href="<{:U('index/krosList/id/')}><%=id%>">去看看<i class="icon-right"></i></a>
</div>
</div>
</div>
</footer>
</article>
</div>
        
         </script>   


   






</div><div class="row content-block "><div style="height: 20px;" data-show-mobile="n" data-element="spacer"></div></div></div>
</div></div></div></div></div>








</section>
<footer data-fullscreen="true" data-role="footer" role="contentinfo" class="">
<div style="background-color: rgb(22, 22, 22); color: rgb(255, 255, 255); background-image: url(http://97.mcooz.com/app.png); background-position: left center; background-attachment: scroll; background-repeat: repeat; margin-top: 50px; margin-bottom: 0px; padding-top: 60px; padding-bottom: 60px; min-height: 100%;" class="site-section " data-alignment="top"><div class="container"><div class="row"><div class="col-lg-3 col-md-3"><div class="row content-block "><div class="col-lg-12 text-left"><a class="logo" href="http://97.mcooz.com">
<img style="width: 266px; height: auto;" alt="VideoTouch" src="__PUBLIC__/img/logo.png">
</a></div></div><div class="row content-block "><div style="height: 20px;" data-show-mobile="n" data-element="spacer"></div></div><div class="row content-block "><div class="col-lg-12 col-md-12 col-sm-12">
<p>龙虾直播是一家致力于为所有人带来欢乐的弹幕式直播分享网站，是国内直播分享网站中的有一定影响力的网站。

目前，龙虾直播以游戏直播为主，涵盖了体育、综艺、娱乐等多种直播内容。每天，都有成千上万的观众与主播在斗鱼分享欢笑，获得属于自己独一份的快乐。

龙虾直播欢迎每一名用户：无论是组织还是个人，无论是主播还是观众，我们都力图为您提供最好的直播与观看环境；并希望与您携手，共同进步，绘制更加美好的未来。

欢乐直播，尽在龙虾直播！ </p>
</div></div></div>
<div class="col-lg-3 col-md-3"><div class="row content-block "><div class="col-lg-12 col-md-12 col-sm-12"><aside class="widget ts_widget  widget_custom_post" id="widget_mcooz_custom_post-2"><div class="widget-content">

<h4 class="widget-title ts_sidebar_title">最新视频</h4><div class="widget-delimiter"></div><ul class="widget-items">                    <li>

<article class="row">
<div class="col-lg-4 col-sm-4">
<a href="#" class="entry-img"><img width="450" height="300" alt="117H" class="attachment-grid" src="__PUBLIC__/img/117H-450x300.jpg"></a>
</div>
<div class="col-lg-8 col-sm-8">
<h6 class="">
<a href="#/">
Moldovenii s-au născut									</a>
</h6>
<div class="widget-meta">
<ul>
<li class="red-comments">

<a href="#">
<i class="icon-comments"></i>
<span class="comments-count">
0 	                                                	</span>
</a>

</li>
<li>
<a title="Like this" data-id="mcooz-likes-184" class="mcooz-likes" href="#"><span class="mcooz-likes-count icon-heart">164</span> <span class="mcooz-likes-postfix"></span></a>	                                        </li>
</ul>
</div>
</div>
</article>
</li>
<li>

<article class="row">
<div class="col-lg-4 col-sm-4">
<a href="http://97.mcooz.com" class="entry-img"><img width="450" height="300" alt="v2c2sscas" class="attachment-grid" src="__PUBLIC__/img/v2c2sscas-450x300.jpg"></a>
</div>
<div class="col-lg-8 col-sm-8">
<h6 class="">
<a href="http://97.mcooz.com">
A fox tale									</a>
</h6>
<div class="widget-meta">
<ul>
<li class="red-comments">

<a href="http://97.mcooz.com">
<i class="icon-comments"></i>
<span class="comments-count">
0 	                                                	</span>
</a>

</li>
<li>
<a title="Like this" data-id="mcooz-likes-169" class="mcooz-likes" href="#"><span class="mcooz-likes-count icon-heart">217</span> <span class="mcooz-likes-postfix"></span></a>	                                        </li>
</ul>
</div>
</div>
</article>
</li>
<li>

<article class="row">
<div class="col-lg-4 col-sm-4">
<a href="http://97.mcooz.com" class="entry-img"><img width="450" height="300" alt="d23d2dfd" class="attachment-grid" src="__PUBLIC__/img/d23d2dfd-450x300.jpg"></a>
</div>
<div class="col-lg-8 col-sm-8">
<h6 class="">
<a href="http://d97.mcooz.com">
Partly cloudy									</a>
</h6>
<div class="widget-meta">
<ul>
<li class="red-comments">

<a href="http://97.mcooz.com/videotouch">
<i class="icon-comments"></i>
<span class="comments-count">
0 	                                                	</span>
</a>

</li>
<li>
<a title="Like this" data-id="mcooz-likes-166" class="mcooz-likes" href="#"><span class="mcooz-likes-count icon-heart">169</span> <span class="mcooz-likes-postfix"></span></a>	                                        </li>
</ul>
</div>
</div>
</article>
</li>
</ul></div></aside></div></div></div>
<div class="col-lg-3 col-md-3"><div class="row content-block "><div class="col-lg-12 col-md-12 col-sm-12"><aside class="widget ts_widget  widget_flickr_photos" id="widget_mcooz_flickrwidget-3"><div class="widget-content"><h4 class="widget-title ts_sidebar_title">网络相册</h4><div class="widget-delimiter"></div>        <div class="flickr clearfix">
<script src="__PUBLIC__/img/badge_code_v2" type="text/javascript"></script>
<div class="clear"></div>
</div>
</div></aside></div></div><div class="row content-block "><div style="height: 20px;" data-show-mobile="n" data-element="spacer"></div></div><div class="row content-block "><div class="col-lg-12"><div class="block-title block-title-simpleleft">
<div class="block-title-container">
<h6 style="color: #ffffff" class="the-title"><i class="icon-noicon"></i>找到我在这里</h6>
</div>
</div></div></div><div class="row content-block "><div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="social-icons">
<ul class="text-left">
<li><a target="_blank" class="icon-gplus" href="http://fsd/"></a></li>
<li><a target="_blank" class="icon-dribbble" href="http://fsdaf/"></a></li>
<li><a target="_blank" class="icon-linkedin" href="http://fsa/"></a></li>
<li><a target="_blank" class="icon-video" href="http://fdsafas/"></a></li>
<li><a target="_blank" class="icon-facebook" href="http://fsdafa/"></a></li>
<li><a target="_blank" class="icon-flickr" href="http://fds/"></a></li>
<li class="">
<a class="icon-rss" href="#"> </a>
</li>
</ul>
</div>
</div></div></div>
<div class="col-lg-3 col-md-3"><div class="row content-block "><div class="col-lg-12 col-md-12">
<div class="dark_facebook">
<div data-show-border="true" data-stream="false" data-header="true" data-show-faces="true" data-colorscheme="dark" data-href="http://facebook.com/mcooz" class="fb-like-box">
</div>
</div>
</div></div></div>
<div class="col-lg-12 col-md-12"><div class="row content-block "><div style="height: 20px;" data-show-mobile="n" data-element="spacer"></div></div></div>
<div class="col-lg-8 col-md-8"><div class="row content-block "><div class="col-lg-12"><div class="block-title block-title-lineafter">
<div class="block-title-container">
<h6 style="color: #ffffff" class="the-title"><i class="icon-noicon"></i>合作事务</h6>
</div>
</div></div></div><div class="row content-block "><div style="height: 20px;" data-show-mobile="n" data-element="spacer"></div></div><div class="row content-block "><div class="col-lg-12 col-md-12 col-sm-12"><aside class="widget ts_widget  tweets" id="widget_mcooz_tweets-3"><div class="widget-content"><div class="ts-twitter-container dynamic"><div class="mcooz_twitter">
<div class="slides_container">
<ul class="widget-items">
<li class="tweet-entry" style="display: none; opacity: 0;">								<div class="tweet-data"><i class="icon-twitter"></i> 网站事务: 315902734@qq.com</div>
<span class="tweet-date date st">4 months ago</span>
</li>

<li class="tweet-entry" style="display: none; opacity: 0;">								<div class="tweet-data"><i class="icon-twitter"></i> 网站事务: 315902734@qq.com <a rel="nofollow" target="_blank" href="http://web.mcooz.com">http://web.mcooz.com</a></div>
<span class="tweet-date date st">7 months ago</span>
</li>

<li class="tweet-entry" style="display: none; opacity: 0;">								<div class="tweet-data"><i class="icon-twitter"></i> 网站事务: 315902734@qq.com</div>
<span class="tweet-date date st">7 months ago</span>
</li>

<li class="tweet-entry" style="display: none; opacity: 0;">								<div class="tweet-data"><i class="icon-twitter"></i> 网站事务: 315902734@qq.com</div>
<span class="tweet-date date st">8 months ago</span>
</li>

<li class="tweet-entry" style="display: none; opacity: 0;">								<div class="tweet-data"><i class="icon-twitter"></i> 网站事务: 315902734@qq.com</div>
<span class="tweet-date date st">10 months ago</span>
</li>

<li class="tweet-entry" style="display: none; opacity: 0;">								<div class="tweet-data"><i class="icon-twitter"></i> 网站事务: 315902734@qq.com</div>
<span class="tweet-date date st">11 months ago</span>
</li>

<li class="tweet-entry" style="display: block; opacity: 1;">								<div class="tweet-data"><i class="icon-twitter"></i> 网站事务: 315902734@qq.com</div>
<span class="tweet-date date st">12 months ago</span>
</li>

<li class="tweet-entry" style="display: none; opacity: 0;">								<div class="tweet-data"><i class="icon-twitter"></i> 网站事务: 315902734@qq.com</div>
<span class="tweet-date date st">12 months ago</span>
</li>

<li class="tweet-entry" style="display: none; opacity: 0;">								<div class="tweet-data"><i class="icon-twitter"></i> 网站事务: 315902734@qq.com</div>
<span class="tweet-date date st">12 months ago</span>
</li>

<li class="tweet-entry" style="display: none; opacity: 0;">								<div class="tweet-data"><i class="icon-twitter"></i> 网站事务: 315902734@qq.com</div>
<span class="tweet-date date st">12 months ago</span>
</li>
</ul></div></div></div></div></aside></div></div></div>
<div class="col-lg-4 col-md-4"><div class="row content-block "><div class="col-lg-12 col-md-12 col-sm-12"><aside class="widget ts_widget  widget_tabber" id="widget_mcooz_tags-2"><div class="widget-content"><h4 class="widget-title ts_sidebar_title">标签</h4><div class="widget-delimiter"></div>            <!-- panel tags -->
<div class="tab_menu_content tags-container">
<a  class="tag"> KOF97</a><a  class="tag"> KOF98</a><a  class="tag">KOF99</a><a  class="tag"> KOF00</a><a  class="tag"> KOF13</a><a  class="tag"> 街头霸王2</a><a  class="tag"> 街头霸王3</a><a  class="tag"> SNK</a><a  class="tag"> 街头霸王4</a><a  class="tag"> 街头霸王5</a><a  class="tag">街头霸王6</a>          </div>
</div></aside></div></div></div></div></div></div>
<div style="background-color: rgb(18, 18, 18); color: rgb(228, 228, 228); margin-top: 0px; margin-bottom: 0px; padding-top: 40px; padding-bottom: 40px; min-height: 100%;" class="site-section " data-alignment="top"><div class="container"><div class="row"><div class="col-lg-12 col-md-12"><div class="row content-block "><div class="col-lg-12 col-md-12 col-sm-12">
<p>Copyright 龙虾直播. All rights reserved. mcooz.com</p>
</div></div></div></div></div></div>		</footer>
</div>
<div id="fb-root"></div>

<div class="jinru"><a href="http://www.mcooz.com/index/krosList/id/1">进入直播间</a></div>



<script type="text/javascript" src="http://tajs.qq.com/stats?sId=42520987" charset="UTF-8"></script>
</body>
</html>
<script type='text/javascript' src='__PUBLIC__/js/unslider.js'></script>
	<script>
			if(window.chrome) {
				$('.banner li').css('background-size', '100% 100%');
			}
			
			$('.banner').unslider({
				fluid: false,
				dots: true,
				speed: 500,
				delay: 3000000
			});
		
		
			
		
		</script>


        <script type="text/javascript">
    $(document).ready(function(){
    function Y(element){
    return document.getElementById(element);
    };
    window.addEventListener('load', function(){
    // 在窗体载入完毕后再绑定
    var CM = new CommentManager(Y('my-comment-stage'));
    CM.init();

    // 先启用弹幕播放（之后可以停止）
    CM.start();

/*  var danmaku = {
    "mode": 1,
    "text": "hello world",
    "stime": 0,
    "size": 25,
    "color": 0xff00ff,
    "dur": 10000
};
CM.send(danmaku);*/


 var danmakuTimeline = [
    {
    "mode":1,
    "text":"",
    "stime":0,
    "size":35,
    "color":0xffffff
    }
    ];

CM.load(danmakuTimeline);

var startTime = 0, iVal = -1;

        //$.ajax({      
              /* type:"POST",      
               dataType:"json",      
               url:"index/danmu",      
               timeout:80000,     //ajax请求超时时间80秒      
               data:{time:"100000"},//100秒后无论结果服务器都返回数据      
               cache:false,*/
              // success:function(data){   

                //alert(data[0].c);   
              //  for(var o in data){  



            /*    t=1*10000

                var danmaku = {
                "mode": 1,
             //   "text": data[o].message,
              "text": "hee",   
                "stime":t,
                "size": 35,
                "color": 0xffffff,
                "dur": 20000
                };
                CM.insert(danmaku);

                startTime = Date.now(); // 设定起始时间
                if(iVal >= 0){
                clearInterval(iVal); // 如果之前就有定时器，把它停掉
                }
                //建立新的定时器
                iVal = setInterval(function(){
                var playTime = Date.now() - startTime; // 用起始时间和现在时间的差模拟播放
                CM.time(playTime); // 通报播放时间

                }, 100); // 模拟播放器每 100ms 通报播放时间*/


                //CM.send(danmaku);      

           //     }   
     
                   
        //       },      
       
                     
      //     }); 











    // 开放 CM 对象到全局这样就可以在 console 终端里操控
    window.CM = CM;
    });

    });


  
    var urlStr=window.location.href;

    var tag =urlStr.substr(48,urlStr.length-48);

/*  alert(urlStr.length)

    alert(decodeURI(tag))   
*/
    tag=decodeURI(tag);

    var url = '<{:U('index/krosCategoryList')}>';

    $.getJSON(url,{'ling':1},function(json)
    {
        //清空配送信息

       

        var json2=json



            for(var item in json2)
        {
            //alert(item)
            //
            //console.log(1);

            //console.log(item);

            var deliveRowHtml1 = template.render('deliveInfoTemplate1',json2[item]);
            $('#krosrow1').append(deliveRowHtml1);


        }


    });



  
   function kros_ding(_self){
    datastr=$(_self).attr('value'); 
   var str= new Array();   
  
   str=datastr.split(","); 

   //alert(str['1']);
 var url ="/index/ding/?id="+str['1'];
    $.getJSON(url,function(data){
//alert(data.ding);
         $(_self).text("顶:"+data.ding);
 });
/*$.post(url, function(data,status){
    alert("Data: " + data.id + "\nStatus: " + status);
  });*/

   }




   function kros_cai(_self){

          datastr=$(_self).attr('value'); 
   var str= new Array();   
  
   str=datastr.split(","); 

   //alert(str['1']);
 var url ="index/cai/?id="+str['1'];
    $.getJSON(url,function(data){
//alert(data.ding);
         $(_self).text("踩:"+data.cai);
 });
/*$.post(url, function(data,status){
    alert("Data: " + data.id + "\nStatus: " + status);
  });*/

    
   }

var kros_left=parseInt($("#my-player").offset().left)+1170/2-40;


$(".jinru").css({ left:kros_left+"px"});

/*alert(kros_left);*/


$("#my-comment-stage,.jinru").hover(function(){
    $(".jinru").css("display","block");
},function(){
    $(".jinru").css("display","none");
}); 

$("#refer1").val(window.location.href);
$("#refer").val(window.location.href);


</script>
